<include file="Public/siteTopbar" />
    <script src="__STATIC__/js/jquery-1.10.2.min.js"></script>
    <script src="__STATIC__/js/slider.js"></script>
<include file="Public/header" />

  

<div class="container usercenter" >
    <!--菜单-->
    <include file="User/menu" />
    <!--菜单-->
   <div class="col-sm-9">
   
   <div class="my-account"><div class="page-title title-buttons">
    <h1>Order #{$order_info.order_sn} - {$order_info.order_status_desc}</h1>

</div>
<dl class="order-info">
    <dt>About This Order:</dt>
    <dd>
                <ul id="order-info-tabs">
                                    <li class="current first last">Order Information</li>
                            </ul>
        <script type="text/javascript">decorateGeneric($('order-info-tabs').select('LI'),['first','last']);</script>
    </dd>
</dl>
<p class="order-date">Order Date: {$order_info.add_time|date='m/d/Y H:i:s',###}</p>
<div class="col2-set order-info-box">
    <div class="col-1">
        <div class="box">
            <div class="box-title">
                <h2>Shipping Address</h2>
            </div>
            <div class="box-content">
                <address>
                    {$g_address.address}<br>
                    {$g_address.city}<br>
                    {$g_address.country}<br>
                    T: {$g_address.consignee}
                </address>
            </div>
        </div>
    </div>
    <div class="col-2">
        <div class="box">
            <div class="box-title">
                <h2>Shipping Method</h2>
            </div>
            <div class="box-content">
                <php>if(count($delivery_info)>0){</php>
                logistics company name:{$delivery_info.shipping_name}<br>
                tracking number:{$delivery_info.invoice_no}<br>
                postscript:{$delivery_info.note}
                <php>}else{</php>
                <p>No shipping information available</p>
                <php>}</php>

            </div>
        </div>
    </div>
</div>
<div class="col2-set order-info-box">
    <div class="col-1">
        <div class="box">
            <div class="box-title">
                <h2>Billing Address</h2>
            </div>
            <div class="box-content">
                <address>
                    {$f_address.address}<br>
                    {$f_address.city}<br>
                    {$f_address.country}<br>
                    T: {$f_address.consignee}
                </address>
            </div>
        </div>
    </div>
    <div class="col-2">
        <div class="box box-payment">
            <div class="box-title">
                <h2>Payment Method</h2>
            </div>
            <div class="box-content">

               <php>if($order[pay_name]){</php>
               { $order[pay_name]}
               <php>}else{</php>
                <p><strong>No Payment Information Required</strong></p>
               <php>}</php>




            </div>
        </div>
    </div>
</div>
<div class="order-items order-details">
            <h2 class="table-caption">Items Ordered      </h2>

<table class="data-table" id="my-orders-table" summary="Items Ordered">
            <colgroup><col>
            <col width="1">
            <col width="1">
            <col width="1">
            <col width="1">
            </colgroup>
    <thead>
        <tr class="first last">
            <th>Product Name</th>
            <th>SKU</th>
            <th class="a-right">Price</th>
            <th class="a-center">Qty</th>
            <th class="a-right">Subtotal</th>
        </tr>
    </thead>
    <tfoot>
        <tr class="subtotal first">
            <td colspan="4" class="a-right">Subtotal</td>
            <td class="last a-right"><span class="price">{$order_info['currency']|get_money_str}{$order_info.goods_price}</span></td>
        </tr>


        <tr class="subtotal first">
            <td colspan="4" class="a-right">Shipping costs</td>
            <td class="last a-right"><span class="price">{$order_info['currency']|get_money_str}{$order_info.shipping_price}</span></td>
        </tr>
         <tr class="subtotal first">
            <td colspan="4" class="a-right">Coupon</td>
            <td class="last a-right"><span class="price">-{$order_info['currency']|get_money_str}{$order_info.coupon_price}</span>
            </td>
        </tr>
        <tr class="subtotal first">
            <td colspan="4" class="a-right">Promotions</td>
            <td class="last a-right"><span class="price">-{$order_info['currency']|get_money_str}{$order_info.order_prom_amount}</span>
            </td>
        </tr>
        <tr style="display:none;">
            <td colspan="4" class="a-right">Tax</td>
            <td class="last a-right"><span class="price">$0.00</span></td>
        </tr>
         <tr class="grand_total last">
            <td colspan="4" class="a-right"><strong>Grand Total</strong></td>
            <td class="last a-right"><strong><span class="price">{$order_info['currency']|get_money_str}{$order_info.order_amount}</span></strong></td>
        </tr>
    </tfoot>
    <tbody class="odd">
    <script type="text/javascript" src="__PUBLIC__/js/jquery.imagePreview.1.0.js"></script>
    <script type="text/javascript">
        $(function(){
            $("a.preview").preview();
        });
    </script>
    <script type="text/javascript" charset="utf-8">
        $(function(){
            $("a.preview").click(function() {
                if ($(this).hasClass("active")) { return false; }
                return false;
            });
        });
    </script>
        <volist name="order_info.goods_list" id="good">

              <tr class="border first last" id="order-item-row-597">
                    <td><h3 class="product-name">
                        <a title="" target="_blank" href="{:U('Goods/goodsInfo',array('id'=>$good[goods_id]))}">
                            {$bi,$good[goods_id]|goods_name_shift}
                            <br/>
                            <img src="{$good.goods_id|goods_thum_images=100,100}" style="margin: 10px 0;">
                        </a>
                    </h3>

                        {$good[attach]|get_attach_show}
                    </td>
                    <td>{$good[sku]}</td>
                    <td class="a-right"><span class="price-excl-tax"><span class="cart-price"><span class="price">{$order_info['currency']|get_money_str}{$good.member_goods_price}</span></span></span></td>
                    <td class="a-right"><span class="nobr"><strong>{$good.goods_num}</strong></span></td>
                    <td class="a-right last"><span class="price-excl-tax"><span class="cart-price"><span class="price">{$order_info['currency']|get_money_str}{$good['member_goods_price'] * $good['goods_num']}</span></span></span></td>
              </tr>
        </volist>
    </tbody>
</table>

                <div class="buttons-set">
        <p class="back-link"><a href="{:U('Home/User/order_list')}"><small>« </small>Back to My Orders</a></p>
        <if condition="$order_info.cancel_btn eq 1">
        <p class="back-link"> &nbsp;&nbsp;<a onClick="cancel_order({$order_info.order_id})"><small>« </small>Cancel</a></p></if>
        
        <if condition="$order_info.pay_btn eq 1">
        <p class="back-link"> &nbsp;&nbsp;<a href="{:U('/Home/Cart/cart4',array('order_id'=>$order_info[order_id]))}"><small>« </small>Pay</a></p></if>
        <if condition="$order_info.receive_btn eq 1">
        <p class="back-link"> &nbsp;&nbsp;<a onClick=" if(confirm('Are you sure you have received it?')) location.href='{:U('Home/User/order_confirm',array('id'=>$order_info['order_id']))}'"><small>« </small>Receiving</a></p></if>
    </div>
</div></div>
   
   
      



        <!-- 商品清单-end -->
    </div>
</div>
<div class="he80"></div>
<!--------footer-开始-------------->
<include file="Public/footer" />
<!--------footer-结束-------------->

</body>
<script>
    /*$(function () {
     $("#h-s").click(function () {
     $('.ec-ta-x').css('left','124px');
     $('.ec-ta-x').css('width','110px');
     $(this).addClass("cullent");
     $('#q-s').removeClass("cullent");
     });
     });
     */
</script>

<script>
    $(function () {
        $("#h-s").mouseover(function () {
            $('.ec-ta-x').css('left','124px');
            $('.ec-ta-x').css('width','110px');
            $(this).addClass("cullent");
        });
        $("#h-s").mouseout(function () {
            $('.ec-ta-x').css('left','0px');
            $('.ec-ta-x').css('width','124px');
            $(this).removeClass("cullent");
        });
    });
    $(function () {
        $("#q-s").mouseover(function () {
            $('.ec-ta-x').css('left','0px');
            $(this).addClass("cullent");
        });
        $("#q-s").mouseout(function () {
            $('.ec-ta-x').css('left','0px');
        });
    });
    //取消订单
    function cancel_order(id){
        if(!confirm("OK to cancel the order?"))
            return false;
        location.href = "/index.php?m=Home&c=User&a=cancel_order&id="+id;
    }
</script>
</html>